<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>公众号退款申请</title>
    <link rel="stylesheet" href="../../../../themes/default/easyui.css">
    <link rel="stylesheet" href="../../../../themes/icon.css">
    <style>
        body {
            font-size: 14px;
        }
        a {
            display: inline-block;
            text-decoration: none;
            color: #000;
            padding: 0;
            margin: 0;
        }
        .content {
            /* width: 1200px;
            margin: 100px auto; */
        }
        .title {
            width: 100%;
            height: 50px;
            line-height: 50px;
            border-bottom: 3px solid #000;
            font-weight: 400;
        }
        .form-item{
            float: left;
            margin-right: 20px;
            width: 350px;
            margin-bottom: 20px;
        }
        .form-item .btn {
            width: 80px;
            height: 35px;
            line-height: 35px;
            text-align: center;
            color: #fff;
            font-size: 16px;
            background: rgba(64, 158, 255, 1);
            border-radius: 10px;
        }
        .detail {
            width: 100px;
            color: rgba(64, 158, 255, 1);
        }
    </style>
</head>
<body>
  <div class="content">
    <h3 class="title">退款审核</h3>
    <div id="tt" class="easyui-tabs" style="width:100%;">
      <div title="待审核(15)" style="padding:20px;display:none;">
        <div style="overflow: auto;">
          <form id="reviewedForm" method="post">
            <div class="form-item">
              <label for="reservationNumber">预约单号:</label>
              <input id="reservationNumber" class="easyui-validatebox" placeholder="输入内容" type="text" name="reservationNumber" data-options="required:false" style="width: 270px;height: 30px;"/>
            </div>
            <div class="form-item">
              <label for="name">姓名:</label>
              <input class="easyui-validatebox" placeholder="输入内容" type="text" name="name" data-options="required:false" style="width: 270px;height: 30px;"/>
            </div>
            <div class="form-item">
              <label for="sex">性别:</label>
              <select id="sex" class="easyui-combobox" placeholder="选择选项" name="dept" style="width:270px;height: 30px;">
                <option value="a">选择选项</option>
                <option>女</option>
                <option>男</option>
              </select>
            </div>
            <div class="form-item">
              <label for="orderStatus">订单状态:</label>
              <select id="orderStatus" class="easyui-combobox" placeholder="选择选项" name="dept" style="width:270px;height: 30px;">
                <option value="a">选择选项</option>
                <option>待支付</option>
                <option>待体检</option>
              </select>
            </div>
            <div class="form-item">
              <label for="appointmentType">预约类型:</label>
              <select id="appointmentType" class="easyui-combobox" placeholder="选择选项" name="dept" style="width:270px;height: 30px;">
                <option value="a">选择选项</option>
                <option >个人体检</option>
                <option>团检</option>
              </select>
            </div>
            <div class="form-item">
              <label for="source">来源:</label>
              <select id="source" class="easyui-combobox" placeholder="选择选项" name="dept" style="width:270px;height: 30px;">
                <option value="a">选择选项</option>
                <option >个人体检</option>
                <option>团检</option>
              </select>
            </div>
            <div class="form-item">
              <label for="appointmentDays">体检日期:</label>
              <input id="appointmentDays" type="text" class="easyui-datebox" style="width:250px;height: 30px;" placeholder="请选择日期">
            </div>
            <div class="form-item">
              <a href="#" class="btn">搜索</a>
              <a href="#" class="btn">重置</a>
            </div>
          </form>
        </div>
        <div>
          <table class="easyui-datagrid" data-options="ctrlSelect:true,pagination:true" style="width: 1200px;">
            <thead>
              <tr>
                <th data-options="field:'a1',width:100,align:'center'">序号</th>
                <th data-options="field:'a12',width:200,align:'center'">预约单号</th>
                <th data-options="field:'a2',width:100,align:'center'">姓名</th>
                <th data-options="field:'a3',width:100,align:'center'">性别</th>
                <th data-options="field:'a4',width:100,align:'center'">退款项</th>
                <th data-options="field:'a6',width:180,align:'center'">(预约)体检时间</th>
                <th data-options="field:'a7',width:100,align:'center'">预约类型</th>
                <th data-options="field:'a8',width:100,align:'center'">订单总价</th>
                <th data-options="field:'a9',width:180,align:'center'">退款提交时间</th>
                <th data-options="field:'a13',width:100,align:'center'">订单状态</th>
                <th data-options="field:'a11',width:100,align:'center'">操作</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <td>1</td>
                <td>232562655615121561</td>
                <td>张辉</td>
                <td>男</td>
                <td>体检套餐1</td>
                <td>2023.06.06 8:00-9:00</td>
                <td>个人体检</td>
                <td>390.1</td>
                <td>2023.06.06 8:00-9:00</td>
                <td>待体检</td>
                <td>
                  <a href="refundDetail.html" class="detail">审核</a>
                </td>
              </tr>
            </tbody>
          </table>
        </div>
      </div>
      <div title="已通过"  style="overflow:auto;padding:20px;display:none;">
        <div style="overflow: auto;">
          <form id="reviewedForm" method="post">
            <div class="form-item">
              <label for="reservationNumber">预约单号:</label>
              <input id="reservationNumber" class="easyui-validatebox" placeholder="输入内容" type="text" name="reservationNumber" data-options="required:false" style="width: 270px;height: 30px;"/>
            </div>
            <div class="form-item">
              <label for="name">姓名:</label>
              <input class="easyui-validatebox" placeholder="输入内容" type="text" name="name" data-options="required:false" style="width: 270px;height: 30px;"/>
            </div>
            <div class="form-item">
              <label for="sex">性别:</label>
              <select id="sex" class="easyui-combobox" placeholder="选择选项" name="dept" style="width:270px;height: 30px;">
                <option value="a">选择选项</option>
                <option>女</option>
                <option>男</option>
              </select>
            </div>
            <div class="form-item">
              <label for="orderStatus">订单状态:</label>
              <select id="orderStatus" class="easyui-combobox" placeholder="选择选项" name="dept" style="width:270px;height: 30px;">
                <option value="a">选择选项</option>
                <option>待支付</option>
                <option>待体检</option>
              </select>
            </div>
            <div class="form-item">
              <label for="appointmentType">预约类型:</label>
              <select id="appointmentType" class="easyui-combobox" placeholder="选择选项" name="dept" style="width:270px;height: 30px;">
                <option value="a">选择选项</option>
                <option >个人体检</option>
                <option>团检</option>
              </select>
            </div>
            <div class="form-item">
              <label for="source">来源:</label>
              <select id="source" class="easyui-combobox" placeholder="选择选项" name="dept" style="width:270px;height: 30px;">
                <option value="a">选择选项</option>
                <option >个人体检</option>
                <option>团检</option>
              </select>
            </div>
            <div class="form-item">
              <label for="appointmentDays">体检日期:</label>
              <input id="appointmentDays" type="text" class="easyui-datebox" style="width:250px;height: 30px;" placeholder="请选择日期">
            </div>
            <div class="form-item">
              <a href="#" class="btn">搜索</a>
              <a href="#" class="btn">重置</a>
            </div>
          </form>
        </div>
        <div>
          <table class="easyui-datagrid" data-options="ctrlSelect:true,pagination:true" style="width: 1380px;">
            <thead>
              <tr>
                <th data-options="field:'a1',width:100,align:'center'">序号</th>
                <th data-options="field:'a12',width:200,align:'center'">预约单号</th>
                <th data-options="field:'a2',width:100,align:'center'">姓名</th>
                <th data-options="field:'a3',width:100,align:'center'">性别</th>
                <th data-options="field:'a4',width:100,align:'center'">退款项</th>
                <th data-options="field:'a6',width:180,align:'center'">(预约)体检时间</th>
                <th data-options="field:'a7',width:100,align:'center'">预约类型</th>
                <th data-options="field:'a13',width:100,align:'center'">来源</th>
                <th data-options="field:'a8',width:100,align:'center'">订单总价</th>
                <th data-options="field:'a9',width:180,align:'center'">退款提交时间</th>
                <th data-options="field:'a14',width:100,align:'center'">订单状态</th>
                <th data-options="field:'a10',width:180,align:'center'">退款到账时间</th>
                <th data-options="field:'a11',width:100,align:'center'">操作</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <td>1</td>
                <td>232562655615121561</td>
                <td>张辉</td>
                <td>男</td>
                <td>体检套餐1</td>
                <td>2023.06.06 8:00-9:00</td>
                <td>个人体检</td>
                <td>微信公众号</td>
                <td>390.1</td>
                <td>2023.06.06 8:00-9:00</td>
                <td>待体检</td>
                <td>2023.06.06 8:00-9:00</td>
                <td>
                  <a href="../orderDetail.html" class="detail">查看</a>
                </td>
              </tr>
            </tbody>
          </table>
        </div>
      </div>
      <div title="已拒绝"  style="padding:20px;display:none;">
        <div style="overflow: auto;">
          <form id="reviewedForm" method="post">
            <div class="form-item">
              <label for="reservationNumber">预约单号:</label>
              <input id="reservationNumber" class="easyui-validatebox" placeholder="输入内容" type="text" name="reservationNumber" data-options="required:false" style="width: 270px;height: 30px;"/>
            </div>
            <div class="form-item">
              <label for="name">姓名:</label>
              <input class="easyui-validatebox" placeholder="输入内容" type="text" name="name" data-options="required:false" style="width: 270px;height: 30px;"/>
            </div>
            <div class="form-item">
              <label for="sex">性别:</label>
              <select id="sex" class="easyui-combobox" placeholder="选择选项" name="dept" style="width:270px;height: 30px;">
                <option value="a">选择选项</option>
                <option>女</option>
                <option>男</option>
              </select>
            </div>
            <div class="form-item">
              <label for="orderStatus">订单状态:</label>
              <select id="orderStatus" class="easyui-combobox" placeholder="选择选项" name="dept" style="width:270px;height: 30px;">
                <option value="a">选择选项</option>
                <option>待支付</option>
                <option>待体检</option>
              </select>
            </div>
            <div class="form-item">
              <label for="appointmentType">预约类型:</label>
              <select id="appointmentType" class="easyui-combobox" placeholder="选择选项" name="dept" style="width:270px;height: 30px;">
                <option value="a">选择选项</option>
                <option >个人体检</option>
                <option>团检</option>
              </select>
            </div>
            <div class="form-item">
              <label for="source">来源:</label>
              <select id="source" class="easyui-combobox" placeholder="选择选项" name="dept" style="width:270px;height: 30px;">
                <option value="a">选择选项</option>
                <option >个人体检</option>
                <option>团检</option>
              </select>
            </div>
            <div class="form-item">
              <label for="appointmentDays">体检日期:</label>
              <input id="appointmentDays" type="text" class="easyui-datebox" style="width:250px;height: 30px;" placeholder="请选择日期">
            </div>
            <div class="form-item">
              <a href="#" class="btn">搜索</a>
              <a href="#" class="btn">重置</a>
            </div>
          </form>
        </div>
        <div>
          <table class="easyui-datagrid" data-options="ctrlSelect:true,pagination:true" style="width: 1480px;">
            <thead>
            <tr>
              <th data-options="field:'a1',width:100,align:'center'">序号</th>
              <th data-options="field:'a13',width:200,align:'center'">预约单号</th>
              <th data-options="field:'a2',width:100,align:'center'">姓名</th>
              <th data-options="field:'a3',width:100,align:'center'">性别</th>
              <th data-options="field:'a4',width:100,align:'center'">退款项</th>
              <th data-options="field:'a6',width:180,align:'center'">(预约)体检时间</th>
              <th data-options="field:'a7',width:100,align:'center'">预约类型</th>
              <th data-options="field:'a5',width:100,align:'center'">来源</th>
              <th data-options="field:'a8',width:100,align:'center'">订单总价</th>
              <th data-options="field:'a9',width:180,align:'center'">退款提交时间</th>
              <th data-options="field:'a14',width:100,align:'center'">订单状态</th>
              <th data-options="field:'a10',width:180,align:'center'">审批拒绝时间</th>
              <th data-options="field:'a12',width:100,align:'center'">原因</th>
              <th data-options="field:'a11',width:100,align:'center'">操作</th>
            </tr>
            </thead>
            <tbody>
              <tr>
                <td>1</td>
                <td>232562655615121561</td>
                <td>张辉</td>
                <td>男</td>
                <td>体检套餐1</td>
                <td>加项1;加项2</td>
                <td>个人体检</td>
                <td>微信公众号</td>
                <td>390.1</td>
                <td>2023.06.06 8:00-9:00</td>
                <td>待体检</td>
                <td>2023.06.06 8:00-9:00</td>
                <td>390.1</td>
                <td>
                  <a href="../orderDetail.html" class="detail">查看</a>
                </td>
              </tr>
            </tbody>
          </table>
        </div>
      </div>
    </div>
  </div>

  <script type="text/javascript" src="../../../../easyui/js/jquery.min.js"></script>
  <script type="text/javascript" src="../../../../easyui/js/jquery.easyui.min.js"></script>
</body>
</html>
